<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://www.zealer.com/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/community.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/clearSure.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2952901_kcoajjlpra.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    <title>ZEALER 官网_Technology Stays True Here </title>
</head>
<style>
    body {
        padding: 80px 0 257px;
    }
</style>

<body>
    <div class="nav_bgc">
        <div class="nav">
            <div class="logo"><img
                    src="https://www.zealer.com/dist/images/sidebar_icon_logo_normal8@2x.png?651c9ec30079873f09a3b98276f462ca"
                    alt=""></div>
            <ul class="chose">
                <li><a href="index.html">首页</a></li>
                <li><a href="#" style="background: #222;">社区</a></li>
                <li><a href="expert.html">达人专区</a></li>
                <li class="act"><a href="active.html">活动</a>
                    <img src="https://www.zealer.com/dist/images/icons_images_PC_dark_hot@2x.png?651c9ec30079873f09a3b98276f462ca"
                        alt="">
                </li>
            </ul>
            <div class="search">
                <i class="iconfont icon-search"></i>
                <input type="text" placeholder="搜索作品/话题/用户">
            </div>
            <div class="head_link">
                <a href="" class="down down_phone">
                    <i class="iconfont icon-xiazai"></i>
                    <p>下载手机版</p>
                    <div class="qrCode">
                        <span class="tria"></span>
                        <img src="https://www.zealer.com/dist/images/qrcode-app.png?651c9ec30079873f09a3b98276f462ca"
                            alt="">
                        <p>ZEALER 手机版</p>
                    </div>
                </a>
                <a href="" class="down">
                    <i class="iconfont icon-bianji"></i>
                    <p>创作平台</p>
                </a>
                <a href="" class="down login_h">
                    <i class="iconfont icon-xiaoxizhongxin"></i>
                    <p>消息</p>
                </a>
                <div class="login">
                    <div class="rig">
                        <a href="login.html">登录</a>
                        <span>|</span>
                        <a href="sign.html">注册</a>
                    </div>
                    <div class="login_rig">
                        <div class="img"><img
                                src="https://zaaap-1254235226.picgz.myqcloud.com/head_portrait/2020/03/18/default_avatar.png">
                        </div>
                        <ul>
                            <li><a href="user.html"><i class="iconfont icon-icon-test"></i><span>个人主页</span></a>
                            </li>
                            <!-- <li><a href="/user/purchase"><i class="iconfont iconicons_social_web_light_order_18pt_filled"></i><span>我的订单</span></a></li> -->
                            <li><a href="/user/index"><i class="iconfont icon-shezhi"></i><span>设置</span></a>
                            </li>
                            <li><a class="js-layout"><i class="iconfont icon-tuichudenglu"></i><span>退出</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="all">
        <div class="left_bar">
            <div class="bar_top">
                <a href="#" class="active">
                    <i class="iconfont icon-w_huo"></i>
                    <span>热门推荐</span>
                </a>
                <!-- 登录状态 -->
                <a href="#" class="">
                    <i class="iconfont icon-icon-test"></i>
                    <span>关注的</span>
                </a>
                <a href="#" class="">
                    <i class="iconfont icon-aixin"></i>
                    <span>喜欢的</span>
                </a>
                <a href="#" class="">
                    <i class="iconfont icon-jilu"></i>
                    <span>浏览记录</span>
                </a>
            </div>
            <!-- 登录状态 -->
            <div class="bar_middle">
                <h2>我的话题</h2>
                <p style="height: 102px;">
                    <a href="#" class="">
                        <i class="iconfont icon-jinghao"></i>新手村</a>
                    <a href="#" class="">
                        <i class="iconfont icon-jinghao"></i>手机杂谈</a>
                    <a href="#" class="">
                        <i class="iconfont icon-jinghao"></i>随手拍</a>
                </p>
            </div>
            <!-- 未登录显示 -->
            <div class="bar_middle">
                <h2>推荐话题</h2>
                <p>
                    <a href="#">
                        <i class="iconfont icon-jinghao"></i>小米 </a>
                    <a href="#">
                        <i class="iconfont icon-jinghao"></i>苹果Apple </a>
                    <a href="#">
                        <i class="iconfont icon-jinghao"></i>华为 </a>
                    <a href="#">
                        <i class="iconfont icon-jinghao"></i>手机摄影 </a>
                    <a href="#" id="had">
                        <i class="iconfont icon-jinghao"></i>充电设备 </a>
                    <a href="#" class="hide">
                        <i class="iconfont icon-jinghao"></i>智能家居 </a>
                    <a href="#" class="hide">
                        <i class="iconfont icon-jinghao"></i>好用小家电 </a>
                    <a href="#" class="hide">
                        <i class="iconfont icon-jinghao"></i>晒美食 </a>
                </p>
                <button class="more_btn">
                    <i class="iconfont icon-xiangxia"></i>
                    <em>展开更多</em>
                </button>
            </div>

            <div class="bar_bottom">
                <a href="" class="">
                    <i class="iconfont icon-17guanlian3x"></i>全部话题</a>
            </div>
        </div>
        <div class="content">
            <div class="middle_content">
                <div class="write">
                    <textarea name="" id="" cols="30" rows="10" placeholder="写下此刻的想法"></textarea>
                    <div class="chose_insert">
                        <ul>
                            <li><i class="iconfont icon-tupian"></i></li>
                            <li><i class="iconfont icon-Video"></i></li>
                            <li><i class="iconfont icon-jinghao"></i></li>
                            <li class="gap"></li>
                            <button>发表</button>
                        </ul>
                    </div>
                </div>
                <div class="advert">
                    <a href="">
                        <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/25/ae70b49a50376bced164be82fa9b587b.png"
                            alt="">
                    </a>
                    <div class="content_warp">
                        <div class="content_warp_page"></div>
                    </div>
                </div>
                <div class="warp_page">
                    <span></span>
                    <div class="community-block">
                        <!-- 作者信息 -->
                        <div class="community-block-author">
                            <!-- 用户行内展示 -->
                            <div class="community-block-author-inline">
                                <div class="img">
                                    <a href="/homepage/news?user_id=2071688" target="_blank">
                                        <img
                                            src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/07/28/ea9adb263a9fe6a5257b3728a204a7f2.jpg">
                                    </a>
                                </div>
                                <h3>
                                    <a href="/homepage/news?user_id=2071688" target="_blank">
                                        他急了他急了 </a>
                                </h3>
                                <p>
                                    <a href="/detail/11254" target="_blank">
                                        21小时前 · 来自 Realme X青春版 </a>
                                </p>
                            </div>

                            <!-- 用户详情弹出框 -->
                            <div class="community-block-author-poper">
                                <div class="poper">
                                    <a href="/homepage/news?user_id=2071688" target="_blank">
                                        <div class="img"><img
                                                src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/07/28/ea9adb263a9fe6a5257b3728a204a7f2.jpg">
                                        </div>
                                        <h3>
                                            <strong>他急了他急了</strong>
                                            <!-- 是否是会员 -->
                                            <em>Lv.6</em>
                                        </h3>
                                        <h4></h4>
                                        <h5>简介:
                                            还没来得及补充简介 </h5>
                                    </a>
                                    <p>
                                        <a href="/homepage/news?user_id=2071688" target="_blank">
                                            <strong>3</strong>
                                            <span>动态</span>
                                        </a>
                                        <a href="/homepage/follow?user_id=2071688" target="_blank">
                                            <strong>0</strong>
                                            <span>关注</span>
                                        </a>
                                        <a href="/homepage/fans?user_id=2071688" target="_blank">
                                            <strong>132</strong>
                                            <span>粉丝</span>
                                        </a>
                                    </p>
                                    <!--
                                        <button follow="1"  class="js-focus" data-type="0" data-uid="2071688">私信</button>
                                    -->
                                    <!-- <a href="/message/index?page=letter&uid=2071688"></a> -->
                                    <h6>
                                        <!-- relations 0: 无关系 3：互相关注 1：登录用户已关注他 2：用户已关注登录用户 -->
                                        <button class="js-follow">关注</button>
                                        <a class="letter-btn" href="/message/index?page=letter&amp;uid=2071688">私信</a>
                                        <!-- <button follow="1"  class="js-focus" data-type="0" data-uid="2071688">私信</button> -->
                                    </h6>
                                </div>
                            </div>
                        </div>
                        <!-- 更多操作 -->
                        <div class="community-block-follow">
                            <p>
                                <i class="iconfont icon-diandian"></i>
                                <span>
                                    <a class="js-follow">关注</a>
                                    <a class="js-community-shield">屏蔽</a>
                                    <a class="js-community-report">举报</a>
                                </span>
                            </p>
                        </div>
                        <div class="community-block-dynamic-multiple">
                            <p class="js-community-detail">
                                xdm！机械键盘千万别买银轴，黑轴也最好别买，别问我为什么。。。。。。所以以后买机械键盘选红轴是最好的（软无力）？</p> <!-- 如果是转发 -->
                            <!-- 非动态纯文字 -->
                            <div class="community-block-metia">
                                <!--  动态海报多图 -->
                                <ul>
                                    <li>
                                        <span w="828" h="1713"
                                            src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/12/03/39f4953a718c6445bd0f204ad797cdca.jpg?imageMogr2/thumbnail/!50p">
                                            <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/12/03/39f4953a718c6445bd0f204ad797cdca.jpg?imageMogr2/thumbnail/!50p"
                                                style="width:100%;top:-53.442028985507%">
                                        </span>
                                    </li>
                                    <li>
                                        <span w="280" h="222"
                                            src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/12/03/cd3cbe0e3dafacf7b2cc0c6f8dfc6bdf.gif?imageMogr2/thumbnail/!50p">
                                            <img src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/12/03/cd3cbe0e3dafacf7b2cc0c6f8dfc6bdf.gif?imageMogr2/thumbnail/!50p"
                                                style="height:100%;left:-13.063063063063%">
                                        </span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--投票区域 -->
                        <div class="community-draw-area" id="js-vote-block">
                            <div class="draw-title">机械键盘你喜欢用什么轴？</div>
                            <div class="draw-info">多选 · 12月10日投票结束 · 128人参与 </div>
                            <!--有投票过-->
                            <!--还没有投票-->

                            <!--投票已经结束了-->
                            <!--投票可以继续-->

                            <!--多选-->
                            <ul class="draw-lists" id="mult-lists">
                                <li data-id="7534">
                                    <span>青轴</span>
                                    <em></em>
                                </li>
                                <li data-id="7535">
                                    <span>黑轴</span>
                                    <em></em>
                                </li>
                                <li data-id="7536">
                                    <span>红轴</span>
                                    <em></em>
                                </li>
                                <li data-id="7537">
                                    <span>其它____</span>
                                    <em></em>
                                </li>
                            </ul>
                            <div class="mult-botton" id="mult-botton" data-vote-id="2394">投票</div>
                        </div>
                        <!-- 话题与按钮 -->
                        <div class="community-block-topic">
                            <strong><a href="/topic/topicDetail?groupId=225" target="_blank"><i
                                        class="iconfont icon-jinghao"></i><em>键盘鼠标</em></a></strong>
                            <span type="like">
                                <a class="js-community-like" islike="1" cid="1411254">
                                    <i class="iconfont icon-aixin"></i>
                                    <em>844</em>
                                </a>
                            </span>
                            <span type="comment">
                                <a href="/detail/1411254" target="_blank">
                                    <i class="iconfont icon-pinglun1"></i>
                                    <em>141</em>
                                </a>
                            </span>
                        </div>
                    </div>

                </div>
            </div>
            <div class="right-sidebar">
                <!-- 用户状态 -->
                <!-- 未登录 -->
                <div class="sidebar-user">
                    <h2><img
                            src="https://www.zealer.com/dist/images/default-header.png?c91dfddd0aabd6cdb1f2ce29e21593f9">
                    </h2>
                    <p>登录后可以保存您的浏览历史，进行评论、点赞</p>
                    <a href="login.html">登录</a>
                </div>
                <!-- 登录 -->
                <div class="login-user hide">
                    <h2>
                        <span><img
                                src="https://www.zealer.com/dist/images/20200820123916.png?3d9005478201f0ae0099f455f47503fe"></span>
                        <!-- 是否是会员 -->
                        <a href="user.html">
                            <img
                                src="https://zaaap-1254235226.picgz.myqcloud.com/head_portrait/2020/03/18/default_avatar.png">
                        </a>
                    </h2>
                    <h3>
                        <span>用户2189908</span>
                        <!--<em><img src="/dist/images/icon_Label_Dark_author-16pt.png?3d9005478201f0ae0099f455f47503fe"></em>-->
                        <i>Lv.1</i>
                    </h3>
                    <p>
                        <a href="/homepage/follow?user_id=2189908">
                            <strong>5</strong>
                            <em>关注</em>
                        </a>
                        <a href="/homepage/fans?user_id=2189908">
                            <strong>0</strong>
                            <em>粉丝</em>
                        </a>
                    </p>
                </div>

                <!-- 推荐活动 -->
                <div class="sidebar-activity">
                    <h2>推荐活动</h2>
                    <ul>
                        <li>
                            <a target="_blank" href="/activity/detail?id=635">
                                <div class="img"><img
                                        src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/26/7f69ebb120219db349ffdf1bafff8702.jpg">
                                </div>
                                <h3>你在闲鱼捡过什么「垃圾」？翻车了吗？</h3>
                                <span status="">长期有效</span>
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="/activity/detail?id=633">
                                <div class="img"><img
                                        src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/25/9e04b9364dcc6ea929e2eae10ddf168f.png">
                                </div>
                                <h3>OPPO Reno7 众测</h3>
                                <span status="">14天 5 小时 7分后申请结束</span>
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="/activity/detail?id=626">
                                <div class="img"><img
                                        src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/23/fef62950dc17e171a8b5aaead1883256.png">
                                </div>
                                <h3>北鼎保温杯垫套装</h3>
                                <span status="">8天 5 小时 7分后申请结束</span>
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="/activity/detail?id=630">
                                <div class="img"><img
                                        src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/images/2021/11/23/96b3e8ad2f707aa787b1328a51c9b0be.png">
                                </div>
                                <h3>你被App自动续费套路过吗？</h3>
                                <span status="">9天 5 小时 7分后结束</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 热门作品 -->
                <div class="sidebar-popular">
                    <h2>热门作品</h2>
                    <ul>
                        <li>
                            <a href="/detail/1396453">
                                <div class="img"><img
                                        src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/short_pic/2021/11/01/6760035870353229-1635751704715.jpg?size=686x386">
                                </div>
                                <h3>《仙剑奇侠传七》性能测试， 影驰 RTX 3080 Ti 足以</h3>
                                <span>
                                    <i>来自 影驰 </i>
                                    <b>15.6K 浏览</b>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/video/1396976">
                                <div class="img"><img
                                        src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/video_cover/2021/11/02/08700116111857237-1635841244034.jpg?size=800x450&amp;imageMogr2/format/jpeg/quality/60">
                                </div>
                                <h3>5款 Wi-Fi 6 路由器深度测试：哪款信号最好？谁能实现全屋覆盖</h3>
                                <span>
                                    <i>来自 无线路由器 </i>
                                    <b>22.2K 浏览</b>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/detail/1398784">
                                <div class="img"><img
                                        src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/short_pic/2021/11/06/47420288559431945-1636130316818.jpg?size=875x492">
                                </div>
                                <h3>双11大作战 | 笔记本选购推荐：轻薄办公本</h3>
                                <span>
                                    <i>来自 好物推荐 </i>
                                    <b>1578 浏览</b>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/detail/1402639">
                                <div class="img"><img
                                        src="https://zaaap-1254235226.cos.ap-guangzhou.myqcloud.com/short_pic/2021/11/14/09319319227519418-1636870710224.jpg?size=1505x846">
                                </div>
                                <h3>书房、桌面如何打造？窍门+搭配+好物の大总结</h3>
                                <span>
                                    <i>来自 干货合集 </i>
                                    <b>3296 浏览</b>
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 热门话题 -->
                <div class="sidebar-topic">
                    <h2>热门话题</h2>
                    <ul>
                        <li>
                            <a href="/topic/topicDetail?groupId=19">
                                <em class="red">1</em>
                                <i class="iconfont icon-hashjinghao"></i>
                                <strong>苹果Apple</strong>
                                <span>584991</span>
                            </a>
                        </li>
                        <li>
                            <a href="/topic/topicDetail?groupId=14">
                                <em class="orange">2</em>
                                <i class="iconfont icon-hashjinghao"></i>
                                <strong>出行装备EDC</strong>
                                <span>551253</span>
                            </a>
                        </li>
                        <li>
                            <a href="/topic/topicDetail?groupId=166">
                                <em class="yellow">3</em>
                                <i class="iconfont icon-hashjinghao"></i>
                                <strong>手机杂谈</strong>
                                <span>529825</span>
                            </a>
                        </li>
                        <li>
                            <a href="/topic/topicDetail?groupId=4">
                                <em>4</em>
                                <i class="iconfont icon-hashjinghao"></i>
                                <strong>随手拍</strong>
                                <span>502333</span>
                            </a>
                        </li>
                        <li>
                            <a href="/topic/topicDetail?groupId=3">
                                <em>5</em>
                                <i class="iconfont icon-hashjinghao"></i>
                                <strong>一起玩游戏</strong>
                                <span>491450</span>
                            </a>
                        </li>
                        <li>
                            <a href="/topic/topicDetail?groupId=12">
                                <em>6</em>
                                <i class="iconfont icon-hashjinghao"></i>
                                <strong>开箱上手</strong>
                                <span>489310</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="foot_bgc">
        <div class="foot">
            <div class="foot_left">
                <ul>
                    <li>
                        <img
                            src="https://www.zealer.com/dist/images/sidebar_icon_logo_normal8@2x.png?651c9ec30079873f09a3b98276f462ca">
                    </li>
                    <li><a href="" target="_blank">用户协议</a></li>
                    <li><a href="" target="_blank">隐私政策</a></li>
                </ul>
                <p>
                    <a href="" target="_blank">粤lCP备12076188号 | </a>
                    <a href="" target="_blank">ICP经营许可证：粤B2-20190404</a> | <a href=""
                        target="_blank">广播电视节目制作经营许证（粤）字第03052号</a> | <a href="" target="_blank">营业执照</a> | <a href=""
                        target="_blank">中国互联网举报中心</a> | <a href="" target="_blank">深圳市互联网举报中心</a>
                </p>
                <p>举报邮箱：jubao@zealer.com | 合作邮箱：imhere@zealer.com | Copyright © 2021 ZEALER. All Rights Reserved.</p>
                <p>广东瑾如云海（集团）有限公司</p>
            </div>
            <div class="foot_rig">
                <p>
                    <em><img
                            src="https://www.zealer.com/dist/images/qrcode-wx.png?651c9ec30079873f09a3b98276f462ca"></em>
                    <strong>官方微信</strong>
                </p>
                <p class="foot_rig_r">
                    <em><img
                            src="https://www.zealer.com/dist/images/qrcode-app.png?1a287238847e4e6ba4a33f89a5665205"></em>
                    <strong>ZEALER App下载 </strong>
                </p>
            </div>
        </div>
    </div>
    <div class="toast" style="display: none;">
        <p></p>
    </div>
    <div class="toTop"><i class="iconfont icon-zhiding"></i></div>
    <script src="./js/nav.js"></script>
    <script src="./js/login.js"></script>
    <script>

        var login = JSON.parse(localStorage.getItem('login'))
        if (login) {
            $('.bar_top a').not($('.bar_top a').eq(0)).removeClass('hide')
            $('.bar_middle').eq(0).removeClass('hide')
        } else {
            $('.bar_top').children().addClass('hide')
            $('.bar_top a').eq(0).removeClass('hide')
            $('.bar_middle').eq(0).removeClass('hide')

        }
        $('.bar_top a').click(function () {
            $('.bar_top a').removeClass('active')
            $(this).addClass('active')
        })
        // 社区账号
        $(document).ready(function () {
            var login = JSON.parse(localStorage.getItem('login'));
            if (login) {
                $('.login-user').removeClass('hide')
                $('.sidebar-user').addClass('hide')
                $('.bar_middle').eq(0).removeClass('hide')
            } else {
                $('.login-user').addClass('hide')
                $('.sidebar-user').removeClass('hide')
                $('.bar_middle').eq(0).addClass('hide')
            }
        })
        // 展开
        var flag = true
        $('.bar_middle button').click(function () {
            if (flag) {
                $('.bar_middle p').children().removeClass('hide')
                $('.bar_middle p').eq(1).css({ 'height': '272px', 'transition': 'all .3s' })
                $('.more_btn em').html('收起')
                $('.more_btn i').css('transform', 'rotate(180deg)')
                flag = false
            } else {
                $('#had').nextAll().addClass('hide')
                $('.bar_middle p').eq(1).css('height', '')
                $('.more_btn em').html('展开更多')
                $('.more_btn i').css('transform', 'rotate(0)')
                flag = true
            }
        })
        // 文本框输出
        $('.write textarea').keyup(function () {
            if ($(this).val().length > 0) {
                $('.gap').html(`
                   <span>已输入${$(this).val().length}/3000字</span>
            `)
                $('.chose_insert ul button').css('background', ' #0A84FF')
            } else if ($(this).val().length <= 0) {
                $('.gap').html(` `)
                $('.chose_insert ul button').css('background', '')
            }
        })
        // 发表评论
        function to() {
            $('.toast').css({ "opacity": "0" })
        }
        function have() {
            $('.toast').css({ "display": "block" })
            $('.toast').css({ "opacity": "1" })
        }
        ok_remove = () => {
            $('.toast p').removeClass('ok')
        }
        $('.chose_insert button').click(() => {
            // 发表评论时间
            let login = JSON.parse(localStorage.getItem('login'))
            if (login && document.querySelector('.write textarea').value.trim() != '') {
                var newTime = new Date()
                var allTime = document.querySelectorAll('.nowTime')
                for (var i = 0; i < allTime.length; i++) {
                    if ((Date.parse(newTime) - allTime[i].getAttribute('data-time')) < 60 * 1000 && (Date.parse(newTime) - allTime[i].getAttribute('data-time')) > 0) {
                        var pub_time = Math.round((Date.parse(newTime) - allTime[i].getAttribute('data-time')) / 1000)
                        var time_text = pub_time + '秒前'
                    } else if ((Date.parse(newTime) - allTime[i].getAttribute('data-time')) < 60 * 60 * 1000 && (Date.parse(newTime) - allTime[i].getAttribute('data-time')) > 0) {
                        var pub_time = Math.round((Date.parse(newTime) - allTime[i].getAttribute('data-time')) / 1000 / 60)
                        var time_text = pub_time + '分钟前'
                    } else if ((Date.parse(newTime) - allTime[i].getAttribute('data-time')) < 24 * 60 * 60 * 1000 && (Date.parse(newTime) - allTime[i].getAttribute('data-time')) > 0) {
                        var pub_time = Math.round((Date.parse(newTime) - allTime[i].getAttribute('data-time')) / 1000 / 60 / 60)
                        var time_text = pub_time + '小时前'
                    }
                    allTime[i].innerHTML = `${time_text} · 来自 Realme X青春版 `
                }
                // 添加发表文章
                var str = ''
                var content = document.querySelector('.write textarea').value
                str += `<div class="community-block-author">
                            <!-- 用户行内展示 -->
                            <div class="community-block-author-inline">
                                <div class="img">
                                    <a href="/homepage/news?user_id=2071688" target="_blank">
                                        <img
                                            src="https://www.zealer.com/dist/images/default-header.png?c91dfddd0aabd6cdb1f2ce29e21593f9">
                                    </a>
                                </div>
                                <h3>
                                    <a href="/homepage/news?user_id=2071688" target="_blank">
                                        测试用户 </a>
                                </h3>
                                <p>
                                    <a href="/detail/11254" target="_blank" data-time=${Date.parse(newTime)} class ='nowTime'>
                                        1秒前 · 来自 Realme X青春版 </a>
                                </p>
                            </div>

                            <!-- 用户详情弹出框 -->
                            <div class="community-block-author-poper">
                                <div class="poper">
                                    <a href="/homepage/news?user_id=2071688" target="_blank">
                                        <div class="img"><img
                                                src="https://www.zealer.com/dist/images/default-header.png?c91dfddd0aabd6cdb1f2ce29e21593f9">
                                        </div>
                                        <h3>
                                            <strong>测试用户</strong>
                                            <!-- 是否是会员 -->
                                            <em>Lv.6</em>
                                        </h3>
                                        <h4></h4>
                                        <h5>简介:
                                            还没来得及补充简介 </h5>
                                    </a>
                                    <p>
                                        <a href="/homepage/news?user_id=2071688" target="_blank">
                                            <strong>3</strong>
                                            <span>动态</span>
                                        </a>
                                        <a href="/homepage/follow?user_id=2071688" target="_blank">
                                            <strong>0</strong>
                                            <span>关注</span>
                                        </a>
                                        <a href="/homepage/fans?user_id=2071688" target="_blank">
                                            <strong>132</strong>
                                            <span>粉丝</span>
                                        </a>
                                    </p>
                                    <!--
                                        <button follow="1"  class="js-focus" data-type="0" data-uid="2071688">私信</button>
                                    -->
                                    <!-- <a href="/message/index?page=letter&uid=2071688"></a> -->
                                    <h6>
                                        <!-- relations 0: 无关系 3：互相关注 1：登录用户已关注他 2：用户已关注登录用户 -->
                                        <button class="js-follow">关注</button>
                                        <a class="letter-btn" href="/message/index?page=letter&amp;uid=2071688">私信</a>
                                        <!-- <button follow="1"  class="js-focus" data-type="0" data-uid="2071688">私信</button> -->
                                    </h6>
                                </div>
                            </div>
                        </div>
                        <!-- 更多操作 -->
                        <div class="community-block-follow">
                            <p>
                                <i class="iconfont icon-diandian"></i>
                                <span>
                                    <a class="js-follow">关注</a>
                                    <a class="js-community-shield">屏蔽</a>
                                    <a class="js-community-report">举报</a>
                                </span>
                            </p>
                        </div>
                        <div class="community-block-dynamic-multiple">
                            <p class="js-community-detail">
                                ${content}</p> <!-- 如果是转发 -->
                            <!-- 非动态纯文字 -->

                        </div>
                        <!--投票区域 -->
                      
                        <!-- 话题与按钮 -->
                        <div class="community-block-topic">
                            <strong><a href="/topic/topicDetail?groupId=225" target="_blank"><i
                                        class="iconfont icon-jinghao"></i><em>测试</em></a></strong>
                            <span type="like">
                                <a class="js-community-like" islike="1" cid="1411254">
                                    <i class="iconfont icon-aixin"></i>
                                    <em>844</em>
                                </a>
                            </span>
                            <span type="comment">
                                <a href="/detail/1411254" target="_blank">
                                    <i class="iconfont icon-pinglun1"></i>
                                    <em>141</em>
                                </a>
                            </span>
                        </div>`
                var div1 = document.createElement('div');
                div1.className = 'community-block'
                div1.innerHTML = str
                var are = document.querySelector('.warp_page .community-block')
                document.querySelector('.warp_page').insertBefore(div1.cloneNode(true), are);
                document.querySelector('.write textarea').value = ''
                $('.gap').html(` `)
                $('.chose_insert ul button').css('background', '')
                $('.toast p').text('发表成功')
                $('.toast p').addClass('ok')
                have()
                setTimeout(to, 1500)
                setTimeout(ok_remove, 2000)
            } else if (login == false) {
                $('.toast p').text('请登录后发表')
                have()
                setTimeout(to, 1500)
            }else if(document.querySelector('.write textarea').value.trim()==''){
                $('.toast p').text('请输入内容后发表')
                have()
                setTimeout(to, 1500)
            }
        })

        // 置顶
        var toTop = document.querySelector('.toTop')
        toTop.onclick = function () {
            window.scrollTo(0, 0)
        }
        window.onscroll = function () {
            var scrollTop = document.documentElement.scrollTop
            if (scrollTop > 500) {
                toTop.style.display = 'block'
            } else {
                toTop.style.display = 'none'
            }
        }


    </script>
</body>

</html>